// 轮播图样式
.swiper{
  position: relative;
  height: 212px;

  // 顶部导航
  .search-box{
    position: absolute;
    top: 25px;
    width: 100%;
    padding: 0 10px;
    // 左边的白色区域
    .search{
        flex: 1;
        height: 34px;
        padding: 0 8px;
        border-radius: 3px;
        background-color: #fff;
        border:1px solid #ccc ;
        
        // 位置
       .location{
         width: 59px;
         height: 25px;
         padding-right: 10px;
         border-right: 1px solid #ccc;
         line-height: 22px;
        //  overflow: hidden;
        .iconfont{
          vertical-align: middle;
        } 

        }
        .form{
          flex: 1;
          padding-left: 10px;
          span{
            display: inline-block;
            height: 34px;
            padding-left: 5px;
            color: #ccc;
            line-height: 34px;
          }
          .iconfont{
            font-size: 18px;
          }
        }
    }
    // 右侧图标
    .icon-wrap{
      width: 27px;
      margin-left: 5px;
      border: 2px solid #fff;
      border-radius: 50%;
      text-align: center;
      .icon-map{
        line-height: 21px;
        font-size: 21px;
        color: #fff;
      }
   }
  }
}

// 导航菜单样式
.nav {
  padding: 10px 0;

  .am-flexbox-item{
    text-align: center;
  }

  img{
    width: 48px;
  }

  h2{
    margin-top: 7px;
    font-size: 13px;
    font-weight: 400;
  }
}

// 租房小组样式
.group{
  background-color: #f6f5f6;
  padding: 0 10px;
  overflow: hidden;
    .title{
      height: 44px;
      line-height: 44px;
      font-size: 15px;
      .more{
        float: right;
        color: #585858;
        font-weight: 400;
        font-size: 14px;
      }
    }

    .group-item{
      height: 75px;

      .desc{
        .desc-title{
          text-align: center;
          font-weight: 700;
          font-size: 13px;
        }
        .info{
          padding: 0 10px;
          font-size: 12px;
          color: #999;
        }
      }

      img{
        width: 55px;
      }
    }

    // 覆盖默认的背景色  inherit 关键字指定一个属性应从父元素继承它的值。
    .am-grid .am-flexbox{
      background-color: inherit;
      .am-flexbox-item{
       .am-grid-item-content{
         padding: 0 0 10px 0;
       }
    }
    }

    .am-flexbox-align-stretch{
      margin-bottom: 10px;

      .am-grid-item{
        background: #fff;
        
        // &: 设置伪类   first-child 选中第一个子元素
        &:first-child{
          margin-right: 10px;
        }
      }
    }
}

// 最新资讯样式
.information{
  .information-title{
    height: 44px;
    line-height: 44px;
    font-size: 16px;
  }
   .nwes-item{
     width: 100%;
     height: 115px;
     margin-top: 10px;
     border-bottom: 1px solid #ccc;
     .info{
       margin-top: 57px;
     }
     .imgwrap{
       float: left;
       img{
         width: 140px;
         margin-right: 10px;
       }
     }
    .title{
      font-size: 14px;
    }
   }
}
   
